<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="google" value="notranslate">
<link rel="shortcut icon" href="img/favicon.ico?v=2016" />
<title>Whistle Editor</title>
<style>
html, body, .main {padding: 0; margin: 0; height: 100%; overflow: hidden;}
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-button{ width:10px;height:1px; }
::-webkit-scrollbar-thumb{ background-clip:padding-box; background-color:rgba(0,0,0,.5); border-radius:8px; min-height: 30px;}
::-webkit-scrollbar-thumb:hover{ background-clip:padding-box; background-color:rgba(0,0,0,.7); border-radius:8px;}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb { border-left:2px solid transparent; border-right:2px solid transparent;}
::-webkit-scrollbar-track:hover{ background-clip:padding-box; background-color:rgba(0,0,0,.15);}
textarea {resize: none; display: block; padding: 6px; font-size: 12px; width: 100%; height: 100%; border: none; box-sizing: border-box; font-family: consolas, monospace;}
</style>
</head>
<body>
<div class="main">
	<textarea id="editor"></textarea>
</div>
<script>
	var editor = document.getElementById('editor');
	if (window.getValue) {
	  var value = getValue();
	  if (value) {
	    editor.value = window.name = value;
    } else {
      editor.value = window.name;
    }
	} else {
	  editor.value = window.name;
		window.setValue = function(value) {
			editor.value = value;
		};
	}
</script>
</body>
</html>
